<template>
  <div id="app">
    <!--keep-alive标签的意思被包裹的路由里的内容加载过一次之后
    自动把被加载路由里的内容放到内存之中
    下次再进这个路由，不需要重新渲染这个组件或重新执行钩子函数
    只需要从内粗你把以前的内容拿出来显示到页面上就可以了-->
    <keep-alive exclude="Detail">
      <!--显示的是当前路由地址所对应的内容-->
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
}
</style>
